<!DOCTYPE html>
<html>
  <head>
    <title>党员众筹 奎湖添绿 植树活动</title>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
	  <link rel="stylesheet" href="${s.base}/mobile/css/weui.min.css">
	  <link rel="stylesheet" href="${s.base}/mobile/css/jquery-weui.css">
    <link rel="stylesheet" href="${s.base}/mobile/css/base.css">
    <link rel="stylesheet" href="${s.base}/mobile/css/component.css">
  </head>
  <body>
  <div class="xyg-index">
   <style type="text/css">
	  .font1{font-size:16px; color:#000; font-weight: bold; height:1.5rem; line-height:1.5rem;}
	  .font2{font-size:14px; color:#9f9fa0; height:1.1rem; line-height:1.1rem; letter-spacing:0.01rem;}
	  .font3{font-size:14px; color:#333; height:1.1rem; line-height:1.1rem;letter-spacing:0.01rem;}
	  html,body{background:#f5f5f5;}
	  .xyg-content{width:100%; height:auto;}
	  .xyg-content .xyg-content-item{width:100%; height:auto; background:#FFF;padding-bottom:0.2rem; margin-bottom:0.5rem;}
	  .xyg-content .xyg-content-item .xyg-content-item-pic{width:100%; height:8rem;position: relative; }
	  .xyg-content .xyg-content-item .xyg-content-item-pic img{width:100%; height:8rem;}
	  .xyg-content .xyg-content-item .xyg-content-item-pic .xyg-content-item-pic-text{width:5rem; height: 1.4rem; line-height: 1.4rem; background:#09ba07; font-size: 0.8rem; position: absolute; top: 1rem; right: 0px; color: #fefefe; text-align: right; padding-right: 0.2rem;  border-radius: 0.8rem 0px 0px 0.8rem}
	  .xyg-content .xyg-content-item .xyg-content-item-content{width:100%; height:auto; }
	  .xyg-content .xyg-content-item .xyg-content-item-content .xyg-content-item-content-tip{width:96%; margin-left: 4%;}
	  .xyg-content-desc{width: 100%;height: auto; background: #ffffff; padding-top:10px;}
	.xyg-content-desc .xyg-content-desc-content{width: 96%; margin-left: 2%; min-height: 300px;}
	.xyg-content-desc .xyg-content-desc-content .xyg-content-desc-content-title{width: 96%; margin-left: 2%; font-size:16px; font-weight:bold; color:#09ba07; letter-spacing:0.02rem; margin-bottom: 0.2rem;}
	
  </style>
   <!--内容开始-->
  <div class="xyg-content">
  	<div class="xyg-content-item">
  		<div class="xyg-content-item-pic">
			<img src="${activity.picture}"/>
			<div class="xyg-content-item-pic-text">
				<#if activity.status=="1">
					活动未开始
					<#elseif activity.status=="2">
						活动报名中
						<#elseif activity.status=="3">
							活动已结束
				</#if>

			</div>
		</div>
		<div class="xyg-content-item-content">
			<div class="xyg-content-item-content-tip font1">
				${activity.name}
			</div>
           <div class="xyg-content-item-content-tip font3">
			<span class="font3"><svg class="icon" aria-hidden="true"><use xlink:href="#icon-riqi"></use></svg>&nbsp;报名日期:</span>&nbsp;${activity.startTime?string("yyyy/MM/dd HH:mm")}-${activity.endTime?string("yyyy/MM/dd HH:mm")}
			</div>
			<div class="xyg-content-item-content-tip font3">
				<span class="font3"><svg class="icon" aria-hidden="true"><use xlink:href="#icon-riqi"></use></svg>&nbsp;活动日期:</span>2019/03/15日前后,具体时间另行通知
			</div>
           <div class="xyg-content-item-content-tip font3">
			<span class="font3"><svg class="icon" aria-hidden="true"><use xlink:href="#icon-dizhi"></use></svg>&nbsp;活动地址:</span>&nbsp;${activity.address}
			</div>
		<!--   <div class="xyg-content-item-content-tip font3" style="height: 2.2rem;">
			<span class="font3"><svg class="icon" aria-hidden="true"><use xlink:href="#icon-yonghu"></use></svg>&nbsp;举办方:</span>&nbsp;${activity.organizers}
			</div>  -->
			<div class="xyg-content-item-content-tip font3">
			<span class="font3"><svg class="icon" aria-hidden="true"><use xlink:href="#icon-weibiaoti"></use></svg>&nbsp;咨询电话:</span>&nbsp;0553-6824496
			</div>
		</div>
  	</div>
  </div>
  <!--内容结束-->
  <!--详情开始-->
  <div class="xyg-content-desc">
  		<div class="xyg-content-desc-content">
        <div class="xyg-content-desc-content-title">
        <svg class="icon_09ba07" aria-hidden="true"><use xlink:href="#icon-huodongjieshao"></use></svg>&nbsp;活动介绍
        </div>
  		<article class="weui-article">
			${activity.description}
		</article>
		</div>
  </div>
  <!--详情结束-->
  </div>
  <!--<div style="width: 100%; height: 1rem;line-height: 1rem; text-align: center; margin-top:1rem; "><a href="http://www.wuhuit.net" style="color: #ccc; ">程序开发：芜湖荣森网络</a> </div>-->

  <style type="text/css">
 /****************底部 菜单开始*********************/
.xyg-buy-bottom{width:100%;height:auto; position: fixed; bottom: 0px; border-top: 1px solid #d1d1d1;left: 0px;background:#ffffff;}
		.xyg-buy-bottom .xyg-buy-bottom-item{width:25%;height:auto; float: left; padding:0.2rem 0px; text-align: center;}
		.xyg-buy-bottom .xyg-buy-bottom-item1{width:50%;height:auto; float: left; padding:0.2rem 0px; text-align: center; background:#0AB807; }
		.xyg-buy-bottom .xyg-buy-bottom-item1 .xyg-buy-bottom-item1-pay{width:100%; height:2rem; line-height: 2rem; font-size: 14px; color:#fff; }
		.xyg-buy-bottom .xyg-buy-bottom-item img{max-width:100%; height:1.2rem; width: auto; margin:0.05rem auto;}
		.xyg-buy-bottom .xyg-buy-bottom-item .xyg-buy-bottom-item-text{width:100%; height:0.8rem; line-height: 1rem; font-size: 14px; color:#333; }
		.xyg-buy-bottom .xyg-buy-bottom-item .select-text{color:#0B6C3F; }
/****************底部 菜单结束*********************/
 </style>
  
  <!--底部菜单开始-->
  <div style="width:100%; height:2.5rem;"></div>
     <div class="xyg-buy-bottom">
        	<div class="xyg-buy-bottom-item">
				<a href="/phone/index?memberId=${memberId}">
        		<img src="${s.base}/mobile/images/menu_icon_3.png"/>
        		<div class="xyg-buy-bottom-item-text ">首页</div>
				</a>
        	</div>
        	<div class="xyg-buy-bottom-item">
        		<a href="javascript:shareProduct();">
        		<img src="${s.base}/mobile/images/menu_icon_4.png"/>
        		<div class="xyg-buy-bottom-item-text">分享</div>
        		</a>
        	</div>

				<#if activity.status=="1">
					<div class="xyg-buy-bottom-item1" style="background: #333333;">
						<div class="xyg-buy-bottom-item1-pay">活动未开始</div>
					</div>
					<#elseif activity.status=="2">
						<div class="xyg-buy-bottom-item1">
						<a href="/phone/activityAdd/${activity.id}?memberId=${memberId}"><div class="xyg-buy-bottom-item1-pay">￥${activity.money} 立即报名</div></a>
						</div>
							<#elseif activity.status=="3">
							<div class="xyg-buy-bottom-item1" style="background: #333333;">
							<div class="xyg-buy-bottom-item1-pay">活动已结束</div>
							</div>
								<#elseif activity.status=="4">
								<div class="xyg-buy-bottom-item1" style="background: #333333;">
								<div class="xyg-buy-bottom-item1-pay" >已经报名</div>
								</div>
				</#if>


        	<div class="clearBoth"></div>
        </div>
     <!--底部菜单结束-->

  </body>
  <script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>
  <script src="${s.base}/mobile/js/jquery-2.1.4.js"></script>
  <script src="${s.base}/mobile/js/jquery-weui.js"></script>
  <script src="${s.base}/mobile/fonts/iconfont.js"></script>
  <!--js分享代码开始-->
  <input type="hidden" value="${jSTicketShareResponse.appid}" id="appid" />
  <input type="hidden" value="${jSTicketShareResponse.fxTitle}" id="fxTitle" />
  <input type="hidden" value="${jSTicketShareResponse.fxImgUrl}" id="fxImgUrl" />
  <input type="hidden" value="${jSTicketShareResponse.fxDesc}" id="fxDesc" />
  <input type="hidden" value="${jSTicketShareResponse.fxUrl}" id="fxUrl" />
  <input type="hidden" value="${jSTicketShareResponse.nonceStr}" id="nonceStr" />
  <input type="hidden" value="${jSTicketShareResponse.timestamp}" id="timestamp" />
  <input type="hidden" value="${jSTicketShareResponse.signature}" id="signature" />
  <script src="${s.base}/mobile/js/share.js"></script>
  <!--js分享代码结束-->
  <script type="text/javascript">
	  function shareProduct() {
          $.alert("请点击右上角按钮，进行分享！", function() {
              //点击确认后的回调函数
          });
      }
  </script>
</html>

